<template>
  <div id="bannar">
    <h2>Welcome to testcase platform</h2>  
    <v-row>
        <v-col
        cols="6"
        sm="4"
        >
        <v-img
            src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg"
            gradient="to top right, rgba(100,115,201,.33), rgba(25,32,72,.7)"
        ></v-img>
        </v-col>

        <v-col
        cols="6"
        sm="4"
        >
        <v-img src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg">
            <div class="fill-height bottom-gradient"></div>
        </v-img>
        </v-col>

        <v-col
        cols="6"
        sm="4"
        >
        <v-img src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg">
            <div class="fill-height repeating-gradient"></div>
        </v-img>
        </v-col>
    </v-row>
    <v-btn color="green" dark class="mb-2" @click="comein">立即体验</v-btn>
  </div>
</template>

<script>
export default {
    methods: {
        comein(){
            this.$router.push("/signUp")

        },

    }
}
</script>

<style scoped>
#bannar{
    width: 100%;
    font-size:50px; /* 间距设置 */
    margin: 0;
    position: fixed;
    top: 30%;
}

</style>
